<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试promise</title>

    <script src="./MyPromise_链式调用.js"></script>
</head>

<body>
    <h2>测试promise</h2>
    <script>
        // var p1 = new Promise((resolve, reject) => {
        //     setTimeout(() => {
        //         console.log("M");
        //         resolve(111)
        //     }, 1000)
        // })
        // var p2 = new Promise((resolve, reject) => {
        //     setTimeout(() => {
        //         console.log("W");
        //         resolve(22)
        //     }, 800)
        // })
        // p1.then(res => {
        //     console.log("res", res);
        // }, err => {
        //     console.log("err", err);
        // })

        // let p1 = new MyPromise((resolve,reject)=>{
        //     console.log("W");
        //     resolve('zdq')
        // }).then(res=>{
        //     console.log('res',res);
        // },err=>{
        //     console.log('err',err);
        // })

        // let p1 = new MyPromise((resolve,reject)=>{
        //     console.log("W");

        //     setTimeout(()=>{
        //         console.log("delay 2000 send W");
        //         resolve('zdq')
        //     },2000)
        // }).then(res=>{
        //     console.log('res',res);
        // },err=>{
        //     console.log('err',err);
        // })


        // let p2 = new MyPromise((resolve,reject)=>{
        //     console.log("W");

        //     setTimeout(()=>{
        //         console.log("delay 500 send W");
        //         // resolve('zdq')
        //         reject('error 404')
        //     },2000)
        // }).then(res=>{
        //     console.log('then1 res',res);
        // },err=>{
        //     console.log('then1 err',err);
        //    return new MyPromise((resolve,reject)=>{
        //     resolve('is good')
        //     })
        // }).then(res=>{
        //     console.log('then2 res',res);
        // },err=>{
        //     console.log('then2 err',err);
        // })

        // var a=123
        // function modi(){
        //     alert(a)
        //     a=456
        // }
        // console.log('a===',a)

        // modi()

        // console.log('a at===',a)


        const person = {
            sayHello() {
                console.log('this>>',this)
                console.log("Hello")
            }
        }

        const dog = {
            species: "single dog"
        }
        const dogSayHello =person.sayHello.bind(dog)
        dogSayHello()
    </script>
</body>

</html>